<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>打分</title>
		
		<link href="../bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">
		
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
			}
			.class_div_scroe{
				height: 100vh;
			}
			.class_div_header{
				width: 100%;
				height:7vh;
				background-color: #000000;
			}
			.class_div_container{
				height:93vh;
				margin: 0;
				padding: 0;
			}
			.class_div_infobox{
				margin-top:3vh;
				height:85vh;
			}
			.class_img_avater{
				margin:15px 0 0 15px;
				height:170px;
				width:170px;
			}
			.class_div_infolist{
				height:100px;
				line-height:100px;
			}
			.class_div_avaterandinfo{
				background-color:#344c67 ;
			}
			.class_span_title{
				font-size:1.7em;
				color:#ffffff;
			}
			.class_p_text{
				font-size:1.2em;
				color: #FFFFFF;
				display: inline;
			}
			
			
			/*个人介绍*/
			.class_div_introduce{
				padding-top: 20px;
				background: #f0f2f5;
				height:200px;
			}
			.class_div_introduce_title{
				font-size: 1.7em;
				font-weight: bold;
				margin: 20px;
			}
			.class_div_introduce_text{
				font-size:1.3em;
				margin:20px;
				text-indent: 2.6em;
			}
			
			/*成员打分*/
			.class_div_grade_title{
				color:#FFFFFF;
				font-size: 1.7em;
				font-weight: bold;
				margin: 20px;
			}
			.class_div_grade{
				padding-top: 20px;
				background: #344c67;
				height:250px;
			}
			.class_p_grade_title{
				color:#FFFFFF;
				text-align: center;
				font-size:1.5em;
				
			}
			.class_input_grade{
				color:#ff5c23 ;
				font-size: 3em;
				text-align: center;
				width:100px;
				height: 100px;
			}
			.class_btn_next{
				margin-top:100px;
				width: 150px;
				height: 50px;
			}
		</style>
	</head>
	<body>
		<div class="class_div_scroe">
			<div class="class_div_header"></div>
			<div class="row class_div_container">
				<div class="col-xs-10 col-xs-offset-1">
					<div class="class_div_infobox">
						<div class="row class_div_avaterandinfo" style="margin:0">
						  	<div class="col-xs-3" style="padding:0;">
						  		<img class="class_img_avater" src="./../img/avater.jpg">
						  	</div>
						  	<div class="col-xs-9" style="padding:0;">
						  		<div class="class_div_infolist">
						  			<div class="row">
						  				<div class="col-xs-4">
								  			<span class="class_span_title">姓名：</span>
								  			<p class="class_p_text">张三</p>
							  			</div>
							  			<div class="col-xs-4">
								  			<span class="class_span_title">部门：</span>
								  			<p class="class_p_text">计算机科学与技术学院</p>
							  			</div>
							  			<div class="col-xs-4">
								  			<span class="class_span_title">学历：</span>
								  			<p class="class_p_text">硕士</p>
							  			<div>
						  			</div>
						  		</div>
						  		<div class="class_div_infolist">
						  			<div class="col-xs-4">
							  			<span class="class_span_title">职称：</span>
							  			<p class="class_p_text">教授</p>
						  			</div>
						  			<div class="col-xs-4">
							  			<span class="class_span_title">性别：</span>
							  			<p class="class_p_text">男</p>
						  			</div>
						  			<div class="col-xs-4">
							  			<span class="class_span_title">职务：</span>
							  			<p class="class_p_text">教师</p>
						  			</div>
						  		</div>
						  	</div>
						</div>
					</div>
				</div>
				<div class="class_div_introduce">
					<div>
                        <span class="class_div_introduce_title">个人简介：</span>
                        <p class="class_div_introduce_text">为人性格开朗，乐观，抗压能力强，有较强的沟通表达能力和写作能力，对互联网行业有一定的认知，了解产品运营相关的知识，有丰富的运营推广渠道，善于对运营数据进行统计分析。</p>
                    </div>
				</div>
				<div class="class_div_grade">
                        <span class="class_div_grade_title">成员打分：</span>
                        <div class="row" style="margin:20px">
                        	<div class="col-xs-3">
                        		<p class="class_p_grade_title">平均得分</p>
                        		<p style="text-align: center;">
                        		<input class="class_input_grade"/>
                        		<p>
                        	</div>
                        	<div class="col-xs-3">
                        		<p class="class_p_grade_title">最高分</p>
                        		<p style="text-align: center;">
                        		<input class="class_input_grade"/>
                        		</p>
                        	</div>
                        	<div class="col-xs-3">
                        		<p class="class_p_grade_title">最低分</p>
                        		<p style="text-align: center;">
                        			<input class="class_input_grade"/>
                        		</p>
                        	</div>
                        	<div class="col-xs-3" style="text-align: center;">
                        		<button type="button" class="btn btn-info class_btn_next">下一个</button>
                        	</div>
                        </div>
				</div>	
			</div>
		</div>
		<script src="../js/jquery-1.12.4/jquery.min.js"></script>
		<script src="../bootstrap-3.3.7-dist/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
		<script src="../js/jquery-2.1.4/jquery.min.js"></script>
		<script type="text/javascript" src="../js/ip.js" ></script>
		<script type="text/javascript">
			
		</script>
	</body>
</html>
